<!doctype html>
<html lang="en">
  <head>
    <title>Portfolio 2</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/font-awesome.css" rel="stylesheet">
    <link href="css/superslides.css" rel="stylesheet">
    <link href="css/jquery.fancybox.css" rel="stylesheet">
    <link href="css/owl.carousel.css" rel="stylesheet">
    <link href="css/isotope.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
  </head>
  <body class="not-front page-portfolio2">
    <div id="main">
      <div class="top1-wrapper">
        <div class="container">
          <div class="top1 clearfix">
            <div class="phone1">P: 1-800-456-7890</div>
            <div class="email1">E: <a href="#">info.contact@gmail.com</a></div>
            <ul class="social-top clearfix">
              <li><a href="#"><i class="fa fa-facebook"></i></a></li>
              <li><a href="#"><i class="fa fa-twitter"></i></a></li>
              <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
              <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
            </ul>
            <div class="login1"><a href="#">Login</a> &nbsp; | &nbsp; <a href="#">Register</a></div>
          </div>
        </div>
      </div>
      <div class="header-v2">
        <div class="container">
          <div class="header-inner clearfix">
            <header>
              <div class="logo_wrapper">
                <a href="index.html" class="logo">
                  <img src="images/logo.png" alt="" class="img-fluid">
                </a>
              </div>
            </header>
            <div class="my_search_wrapper">
              <div class="my_search_button">
                <a href="shopping-cart.html">
                  <i class="fa fa-search" aria-hidden="true"></i>
                </a>
              </div>
              <div class="my_search_popup">
                <form class="clearfix">
                  <input type="text" class="form-control" placeholder="Search...">
                  <a href="#" class=""><i class="fa fa-search"></i></a>
                </form>
              </div>
            </div>
            <nav class="navbar_ navbar navbar-expand-md clearfix">
              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
              </button>
              <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="nav navbar-nav sf-menu clearfix">
                  <li class="nav-item"><a href="index.html" class="nav-link">Home</a></li>
                  <li class="nav-item"><a href="about.html" class="nav-link">About us</a></li>
                  <li class="nav-item sub-menu">
                    <a href="portfolio.html" class="nav-link">Portfolio <i class="fa fa-caret-down" aria-hidden="true"></i></a>
                    <div class="sf-mega">
                      <ul>

                        <li><a href="portfolio.html">Portfolio Fullwidth</a></li>
                        <li><a href="portfolio2.html">Portfolio Simple</a></li>
                        <li><a href="detail.html">Photo Detail Page</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="nav-item sub-menu">
                    <a href="#" class="nav-link">Blog <i class="fa fa-caret-down" aria-hidden="true"></i></a>
                    <div class="sf-mega">
                      <ul>

                        <li><a href="blog.html">Blog Right Side <i class="fa fa-angle-right" aria-hidden="true"></i></a>
                          <div class="sf-mega">
                            <ul>
                              <li><a href="post.html">Post Right Side</a></li>


                            </ul>
                          </div>
                        </li>
                        <li><a href="blog-left.html">Blog Left Side <i class="fa fa-angle-right" aria-hidden="true"></i></a>
                          <div class="sf-mega">
                            <ul>
                              <li><a href="post-left.html">Post Left Side</a></li>

                            </ul>
                          </div>
                        </li>

                      </ul>
                    </div>



                  </li>
                  <li class="nav-item"><a href="contact.html" class="nav-link">Contact</a></li>
                </ul>
              </div>
            </nav>
          </div>
        </div>
      </div>
      <div class="breadcrumbs1_wrapper">
        <div class="container">
          <div class="breadcrumbs1"><a href="index.html"><i class="fa fa-home" aria-hidden="true"></i></a><span>/</span>portfolio 2</div>
        </div>
      </div>
      <div id="portfolio2" class="page-section">
        <div class="container">
          <div class="title1">meet expert</div>
          <div class="title2">Our portfolio</div>

          <br><br>

          <div class="row">
            <div class="col-md-6">
              <div class="thumb-isotope2">
                <div class="thumbnail clearfix">
                  <figure>
                    <img src="images/portfolio31.jpg" alt="">
                  </figure>
                  <div class="caption">
                    <div class="txt1"><a href="images/portfolio31.jpg" class="btn3 fancybox">Big image <i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
                    <div class="txt2"><a href="detail.html" class="btn3">Information <i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6">
              <div class="row">
                <div class="col-md-6">
                  <div class="thumb-isotope2">
                    <div class="thumbnail clearfix">
                      <figure>
                        <img src="images/portfolio32.jpg" alt="">
                      </figure>
                      <div class="caption">
                        <div class="txt1"><a href="images/portfolio32.jpg" class="btn3 fancybox">Big image <i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
                        <div class="txt2"><a href="detail.html" class="btn3">Information <i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="thumb-isotope2">
                    <div class="thumbnail clearfix">
                      <figure>
                        <img src="images/portfolio33.jpg" alt="">
                      </figure>
                      <div class="caption">
                        <div class="txt1"><a href="images/portfolio33.jpg" class="btn3 fancybox">Big image <i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
                        <div class="txt2"><a href="detail.html" class="btn3">Information <i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="thumb-isotope2">
                <div class="thumbnail clearfix">
                  <figure>
                    <img src="images/portfolio34.jpg" alt="">
                  </figure>
                  <div class="caption">
                    <div class="txt1"><a href="images/portfolio34.jpg" class="btn3 fancybox">Big image <i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
                    <div class="txt2"><a href="detail.html" class="btn3">Information <i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="row">
            <div class="col-md-6">
              <div class="row">
                <div class="col-md-6">
                  <div class="thumb-isotope2">
                    <div class="thumbnail clearfix">
                      <figure>
                        <img src="images/portfolio35.jpg" alt="">
                      </figure>
                      <div class="caption">
                        <div class="txt1"><a href="images/portfolio35.jpg" class="btn3 fancybox">Big image <i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
                        <div class="txt2"><a href="detail.html" class="btn3">Information <i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="thumb-isotope2">
                    <div class="thumbnail clearfix">
                      <figure>
                        <img src="images/portfolio36.jpg" alt="">
                      </figure>
                      <div class="caption">
                        <div class="txt1"><a href="images/portfolio36.jpg" class="btn3 fancybox">Big image <i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
                        <div class="txt2"><a href="detail.html" class="btn3">Information <i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="thumb-isotope2">
                <div class="thumbnail clearfix">
                  <figure>
                    <img src="images/portfolio37.jpg" alt="">
                  </figure>
                  <div class="caption">
                    <div class="txt1"><a href="images/portfolio37.jpg" class="btn3 fancybox">Big image <i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
                    <div class="txt2"><a href="detail.html" class="btn3">Information <i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6">
              <div class="row">
                <div class="col-md-6">
                  <div class="thumb-isotope2">
                    <div class="thumbnail clearfix">
                      <figure>
                        <img src="images/portfolio38.jpg" alt="">
                      </figure>
                      <div class="caption">
                        <div class="txt1"><a href="images/portfolio38.jpg" class="btn3 fancybox">Big image <i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
                        <div class="txt2"><a href="detail.html" class="btn3">Information <i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
                      </div>
                    </div>
                  </div>
                  <div class="thumb-isotope2">
                    <div class="thumbnail clearfix">
                      <figure>
                        <img src="images/portfolio39.jpg" alt="">
                      </figure>
                      <div class="caption">
                        <div class="txt1"><a href="images/portfolio39.jpg" class="btn3 fancybox">Big image <i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
                        <div class="txt2"><a href="detail.html" class="btn3">Information <i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="thumb-isotope2">
                    <div class="thumbnail clearfix">
                      <figure>
                        <img src="images/portfolio40.jpg" alt="">
                      </figure>
                      <div class="caption">
                        <div class="txt1"><a href="images/portfolio40.jpg" class="btn3 fancybox">Big image <i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
                        <div class="txt2"><a href="detail.html" class="btn3">Information <i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <br><br>

          <div class="text-center"><a href="#" class="btn4">SEE MORE PHOTOS</a></div>


        </div>
      </div>

      <div class="bot-wrapper">
        <div class="bot1-wrapper">
          <div class="container">
            <div class="bot1 clearfix">
              <div class="logo2_wrapper">
                <a href="index.html" class="logo2">
                  <img src="images/logo2.png" alt="" class="img-fluid">
                </a>
              </div>
              <div class="social-footer-wrapper">
                <ul class="social-footer clearfix">
                  <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                  <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                  <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                  <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
                </ul>
              </div>
              <p>
                <i>
                  Excepteur sint occaecat cupidatat non proident, sunt in culpa  officia deserunt<br>mollitid est laborum. Sed ut perspiciatis unde qui omnis.
                </i>
              </p>
            </div>
          </div>
        </div>
        <div class="bot2-wrapper">
          <div class="container">
            <div class="bot2 clearfix">
              <div class="row">
                <div class="col-md-4">
                  <div class="bot2-title">
                    Latest Twitter
                  </div>
                  <div class="contact1">
                    <b>A:</b> 40 Baria Sreet 133/2 NewYork City, US
                  </div>
                  <div class="contact1">
                    <b>P:</b> (00) 123 456 789
                  </div>
                  <div class="contact1">
                    <b>F:</b> (00) 987 654 321
                  </div>
                  <div class="contact1">
                    <b>E:</b> <a href="#">info.contact@gmail.com</a>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="bot2-title">
                    recent posts
                  </div>
                  <div class="recent-posts clearfix">
                    <a href="#" class="clearfix">
                      <figure><img src="images/recent-posts1.jpg" alt="" class="img-fluid"></figure>
                      <div class="caption">
                        <div class="txt1">The difference between art and design in nowadays</div>
                        <div class="txt2">13 March, 2016</div>
                      </div>
                    </a>
                  </div>
                  <div class="recent-posts clearfix">
                    <a href="#" class="clearfix">
                      <figure><img src="images/recent-posts2.jpg" alt="" class="img-fluid"></figure>
                      <div class="caption">
                        <div class="txt1">The difference between art and design in nowadays</div>
                        <div class="txt2">13 March, 2016</div>
                      </div>
                    </a>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="bot2-title">
                    RECENT WORKS
                  </div>
                  <ul class="best1 clearfix">
                    <li><a href="#"><img src="images/recent-works1.jpg" alt="" class="img-fluid"></a></li>
                    <li><a href="#"><img src="images/recent-works2.jpg" alt="" class="img-fluid"></a></li>
                    <li><a href="#"><img src="images/recent-works3.jpg" alt="" class="img-fluid"></a></li>
                    <li><a href="#"><img src="images/recent-works4.jpg" alt="" class="img-fluid"></a></li>
                    <li><a href="#"><img src="images/recent-works5.jpg" alt="" class="img-fluid"></a></li>
                    <li><a href="#"><img src="images/recent-works6.jpg" alt="" class="img-fluid"></a></li>
                    <li><a href="#"><img src="images/recent-works7.jpg" alt="" class="img-fluid"></a></li>
                    <li><a href="#"><img src="images/recent-works8.jpg" alt="" class="img-fluid"></a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="bot3-wrapper">
          <div class="container">
            <div class="bot3 clearfix">
              <ul class="menu-bot">
                <li><a href="#">Home</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Services</a></li>
                <li><a href="#">Portfolio</a></li>
                <li><a href="#">Blog</a></li>
                <li><a href="#">Contact</a></li>
              </ul>
              <div class="copyrights">Copyright @2018 <a href="https://gridgum.com" target="_blank">Gridgum</a>. All rights Revierves Inc.</div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src="js/jquery.min.js"></script>
    <script src="js/superfish.js"></script>
    <script src="js/jquery.superslides.js"></script>
    <script src="js/jquery.fancybox.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/jquery.appear.js"></script>
    <script src="js/owl.carousel.js"></script>

    <script src="js/isotope.pkgd.min.js"></script>
    <script src="js/imagesloaded.pkgd.js"></script>

    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/scripts.js"></script>

  </body>
</html>
